<template>
  <center>
    <h1>我是局部组件——Local</h1>
    <input type="text" v-model="info">
<!--  引入子组件进行使用  -->
    <SubLocal :content="info" res="父组件传递参数" @subRes="get"/>
    <h1>{{da}}</h1>
  </center>
</template>

<script>
  import SubLocal from "@/components/SubLocal"
  export default {
    name: "Local",
    components: {
      SubLocal
    },
    data(){
      return{
        info: null,
        da: null,
        msg: "Local组件格孙子组件SubSubLocal传递的参数"
      }
    },
    methods: {
      // 参数param名字可自定义，表示子组件 传递的数据对象
      get(da){
        alert(da);
        this.da = da
      }
    },
    //此处为新增
    provide(){
      return{
          num: this.msg
      }
    }
  }
</script>

<style scoped>

</style>